﻿@model Zor_Web.Models.Warning.V_TenantWarn
@using Webdiyer.WebControls.Mvc;
@using Zor_Tools;
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>租户到期预警表</title>
    <link href="~/Content/LayerUI/src/css/layui.css" rel="stylesheet" />
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Styles/zor.css" rel="stylesheet" />
    <!-- 框架必要 -->
    <script src="~/Content/Scripts/jquery/jquery-1.9.1.min.js"></script>
    <script src="~/Content/Scripts/learunui-framework.js"></script>
    <script src="~/Content/Scripts/Zor_AJax.js"></script>
    <!-- 消息提示 -->
    <script language='javascript' src='~/Content/layer/layer.js'></script>
    <!-- 日期选择器 -->
    <script src="~/Content/laydate/laydate.js"></script>

</head>
<body class="gray-bg">

    <div class="layui-tab layui-tab-brief main-tab-container ">
        <div class="col-sm-12 ct-padding">
            <div class="col-sm-9 ct-padding">
                <button id="btnExport" class="layui-btn layui-btn-normal layui-btn-small"><span class="glyphicon glyphicon-share"></span> 导出</button>
                <button id="btnReplace" class="layui-btn layui-btn-normal layui-btn-small"><span class="glyphicon glyphicon-refresh"></span> 刷新</button>
            </div>
        </div>
        <div class="col-sm-12  layui-tab-content">
            <div class="mail-box" style="overflow-x:scroll;white-space:nowrap;">
                <table class="layui-table" lay-skin="line">
                    <thead>
                        <tr>
                            <th>楼宇</th>
                            <th>单元</th>
                            <th>房间</th>
                            <th>房屋面积(㎡)</th>
                            <th>业主姓名</th>
                            <th>业主电话</th>
                            <th>租户类别</th>
                            <th>租户名称</th>
                            <th>租金(元/月)</th>
                            <th>租赁开始日期</th>
                            <th>租赁截止日期</th>
                            <th>离到期天数</th>
                        </tr>
                    </thead>
                    <tbody id="accordion">
                        @foreach (var item in Model.PageData)
                    {
                            <tr>
                                <td>@item.Bd_Name</td>
                                <td>@item.Uim_Name</td>
                                <td>@item.Hs_Number</td>
                                <td>@item.Hs_Proportion</td>
                                <td>@item.NatPer_Name</td>
                                <td>@item.NatPer_Phone</td>
                                <td>@item.TenantType</td>
                                <td>@item.Tenant_Name</td>
                                <td>@(item.LeaseRent*0.01)</td>
                                <td>@TimeHelper.TimeStampToDateTime(item.Lease_StartTime.ToString(), TimeHelper.ToTimeType.link_ymd)</td>
                                <td>@TimeHelper.TimeStampToDateTime(item.Lease_EndTime.ToString(), TimeHelper.ToTimeType.link_ymd)</td>
                                <td style="color:red;">@item.DueDate</td>
                            </tr>
                    }

                    </tbody>

                </table>

                <div class="col-sm-12">
                    <div class="col-sm-10">
                        @Html.Pager(Model.PageData, new PagerOptions { PageIndexParameterName = "index", ContainerTagName = "ul", PrevPageText = "上页", NextPageText = "下页", FirstPageText = "首页", LastPageText = "尾页", CssClass = "pagination", PagerItemsSeperator = "", CurrentPagerItemWrapperFormatString = "<li class=\"active\"><a href=\"#\">{0}</a></li>", PagerItemWrapperFormatString = "<li>{0}</li>" }, new { id = "bootstrappager", @class = "pagination" })
                    </div>
                    <div class="col-sm-2 to-righjt">
                        共 @Model.PageData.TotalItemCount 条记录，页 @Model.PageData.CurrentPageIndex/@Model.PageData.TotalPageCount
                    </div>
                </div>
            </div>
        </div>
    </div>
        <!-- 导出模态 -->
        <form action="/Warning/ExportTenantWarn" enctype="multipart/form-data" method="post" id="formDownload">
            <div id="exportHtml" style="display:none;">
                <div class="eh_wrap">
                    <div class="eh_head">
                        <p style="">请选择您要导出的数据列</p>
                    </div>
                    <table width="100%" cellpadding="5" cellspacing="0">
                        <tr>
                            <td><input id="Bd_Name" type="checkbox" value="楼宇名称" name="chk_list" checked="checked" /><label>楼宇名称</label></td>
                            <td><input id="Uim_Name" type="checkbox" value="单元名称" name="chk_list" checked="checked" /><label>单元名称</label></td>
                            <td><input id="Hs_Number" type="checkbox" value="房号" name="chk_list" checked="checked" /><label>房号</label></td>
                            <td><input id="Hs_Proportion" type="checkbox" value="房屋面积" name="chk_list" checked="checked" /><label>房屋面积</label></td>
                        </tr>
                        <tr>
                            <td><input id="NatPer_Name" type="checkbox" value="业主姓名" name="chk_list" checked="checked" /><label>业主姓名</label></td>
                            <td><input id="NatPer_Phone" type="checkbox" value="业主电话" name="chk_list" checked="checked" /><label>业主电话</label></td>
                            <td><input id="TenantType" type="checkbox" value="租户类型" name="chk_list" checked="checked" /><label>租户类型</label></td>
                            <td><input id="Tenant_Name" type="checkbox" value="租户名称" name="chk_list" checked="checked" /><label>租户名称</label></td>

                        </tr>
                        <tr>
                            <td><input id="LeaseRent" type="checkbox" value="租金" name="chk_list" checked="checked" /><label>租金</label></td>
                            <td><input id="Lease_StartTime" type="checkbox" value="租赁开始时间" name="chk_list" checked="checked" /><label>租赁开始时间</label></td>
                            <td><input id="Lease_EndTime" type="checkbox" value="租赁截止时间" name="chk_list" checked="checked" /><label>租赁截止时间</label></td>
                            <td><input id="DueDate" type="checkbox" value="离到期天数" name="chk_list" checked="checked" /><label>离到期天数</label></td>

                        </tr>
                    </table>
                    <div class="box-footer">
                        <button type="submit" id="btnExportSure" class="btn btn-info pull-right">
                            <i class="fa fa-repeat"></i>导出
                        </button>
                        <input type="hidden" id="TenantWarnMeg" name="TenantWarnMeg" value="" />
                        <input type="hidden" id="where" name="where" value="" />
                    </div>
                </div>
            </div>
        </form>
</body>
</html>
<script>

    /**
    * 刷新
    **/
    $(function () {
        $("#btnReplace").click(function () {
            Replace();
        })
    })

    /*导出*/
    $("#btnExport").click(function () {
        layer.open({
            type: 1,
            title: '导出提示',
            shade: false,
            skin: 'layui-layer-rim',
            area: ['620px', '280px'], //宽高
            content: $('#exportHtml')
        });
    });

    /*导出交互*/
    $("#btnExportSure").click(function () {
        var arr = new Array();
        $("[name='chk_list']").each(function () {
            if ($(this).is(":checked")) {
                arr.push($(this).attr("id") + "|" + $(this).val());
            }
        });
        $("#TenantWarnMeg").val(arr);
        document.getElementById('formDownload').submit();
        layer.closeAll();
    });
</script>